<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/animation.css"/>
		<link rel="stylesheet" type="text/css" href="css/news.css"/>
		<link rel="stylesheet" href="css/footer.css">
		<title>新闻动态</title>
	</head>
	<body>
		
		<!-- 头部导航条 开始 -->
		<header>
			<nav class="navbar navbar-inverse navbar-fixed-top">
			  <div class="container">
			    <!-- Brand and toggle get grouped for better mobile display -->
			    <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			      </button>
			      <a class="navbar-brand" href="#"><img src="images/logo_03.png" alt=""></a>
			    </div>
			
			    <!-- Collect the nav links, forms, and other content for toggling -->
			    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			      <ul class="nav navbar-nav">
			        <li class="active"><a href="index.html">首项 <span class="sr-only">(current)</span></a></li>
			        <li><a href="layafamily.html">Laya家族</a></li>
			        <li><a href="games.html">游戏</a></li>
			        <li><a href="news.html">新闻动态</a></li>
			        <li><a href="aboutus.html">开发者中心</a></li>
			        <li><a href="#">开发者社区</a></li>
			        <li><a href="#">开放平台</a></li>
			        <li><a href="#">关于我们</a></li>
				  </ul>
				  
			      <ul class="nav navbar-nav navbar-right">
			        <li class="dropdown">
			          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
			          <ul class="dropdown-menu">
			            <li><a href="#">中文</a></li>
			            <li><a href="#">English</a></li>
			          </ul>
			        </li>
			      </ul>
			    </div>
			  </div>
			</nav>
		</header>
		<!-- 头部导航条 结束 -->
		
		<!-- 新闻动态 开始 -->
		<section class="news">
			<div class="container">
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<div class="news_title">
							<h2>新闻动态</h2>
						</div>
					</div>
				</div>
				<!--  -->
				<div class="row">
					<div class="col-md-4 col-sm-4 col-xs-4 news-item">
						<div class="news-caption">
							<a href="#">
								<img src="images/news01_03.jpg" alt="" class="img-responsive img-hover img-rounded">
							</a>
							<p class="news-text hidden-xs"><a href="">HTML5干货：LAYAWORLD TFC秋季特刊</a></p>
						</div>
					</div>
					<!--  -->
					<div class="col-md-4 col-sm-4 col-xs-4 news-item">
						<div class="news-caption">
							<a href="#">
								<img src="images/news02_03.jpg" alt="" class="img-responsive img-hover img-rounded">
							</a>
							<p class="news-text hidden-xs"><a href="">慕和：手游大作《魔卡幻想》为何移植HTML5</a></p>
						</div>
					</div>
					<!--  -->
					<div class="col-md-4 col-sm-4 col-xs-4 news-item">
						<div class="news-caption">
							<a href="#">
								<img src="images/news03_03.jpg" alt="" class="img-responsive img-hover img-rounded">
							</a>
							<p class="news-text hidden-xs"><a href="">技术突破：HTML5游戏性能超越Unity3d</a></p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- 新闻动态 结束 -->
		
		<!-- 新闻列表项 开始 -->
		<section class="news-content">
			<div class="container">
				<!-- 1 -->
				<div class="row news-list-group">
					<div class="col-md-3 col-sm-4 col-xs-4 text-center news-item-img">
						<div class="thumbnail">
							<img src="images/news04_03.jpg" alt="">
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-xs-8">
						<div class="caption">
							<h4><a href="#" class="news-list-title">Layabox荣膺“2015年度最佳引擎奖”</a></h4>
							<p class="data-text">2020-01-06</p>
							<p class="cont-text hidden-xs">HTML5梦工场举办的”娜喊杯”2015 HTML5年度颁奖盛典于2016年1月7日在北京古北水镇成功举行。Layabox凭借2015年唯一拥有大型HTML5游戏线上产品的商业引擎供应商优势，荣膺“2015年度最佳引擎奖”。</p>
							<p class="news-detial hidden-xs pull-right">
								<span><a href="">查看详情</a></span>
							</p>
						</div>
					</div>
				</div>
				<!-- 2 -->
				<div class="row news-list-group">
					<div class="col-md-3 col-sm-4 col-xs-4 text-center news-item-img">
						<div class="thumbnail">
							<img src="images/list02_03.jpg" alt="">
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-xs-8">
						<div class="caption">
							<h4><a href="#" class="news-list-title">Layabox本月将上线四款大型HTML5游戏</a></h4>
							<p class="data-text">2020-01-06</p>
							<p class="cont-text hidden-xs">Layabox一直致力于大型HTML5引擎技术研发和CP培育，从本月开始，将不断推出大型HTML5游戏，我们希望用自己的努力，提升玩家和渠道对HTML5游戏品质以及盈利能力的信心，推动产业的发展和升级。</p>
							<p class="news-detial hidden-xs pull-right">
								<span><a href="">查看详情</a></span>
							</p>
						</div>
					</div>
				</div>
				<!-- 3 -->
				<div class="row news-list-group">
					<div class="col-md-3 col-sm-4 col-xs-4 text-center news-item-img">
						<div class="thumbnail">
							<img src="images/list03_03.jpg" alt="">
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-xs-8">
						<div class="caption">
							<h4><a href="#" class="news-list-title">关于HTML5游戏跨界合作的几个切入点！</a></h4>
							<p class="data-text">2020-01-06</p>
							<p class="cont-text hidden-xs">要想在当前阶段先跳出来成为瞩目的明星企业。一是制作高品质游戏，兼顾APP与H5市场；二是要深度结合H5技术的无需下载、即点即玩、易传播、跨平台、应用领域广泛等属性</p>
							<p class="news-detial hidden-xs pull-right">
								<span><a href="">查看详情</a></span>
							</p>
						</div>
					</div>
				</div>
				<!-- 4 -->
				<div class="row news-list-group">
					<div class="col-md-3 col-sm-4 col-xs-4 text-center news-item-img">
						<div class="thumbnail">
							<img src="images/list04_03.jpg" alt="">
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-xs-8">
						<div class="caption">
							<h4><a href="#" class="news-list-title">HTML5行业首次出席中日韩政府级开源论坛</a></h4>
							<p class="data-text">2020-01-06</p>
							<p class="cont-text hidden-xs">第十四届东北亚开源软件推进论坛在日本东京举行,本次会议由中日韩三国行业主管部门组织。这是HTML5行业代表首次出市出席东北亚开源软件推进论坛。</p>
							<p class="news-detial hidden-xs pull-right">
								<span><a href="">查看详情</a></span>
							</p>
						</div>
					</div>
				</div>
				<!-- 5 -->
				<div class="row news-list-group">
					<div class="col-md-3 col-sm-4 col-xs-4 text-center news-item-img">
						<div class="thumbnail">
							<img src="images/list05_03.jpg" alt="">
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-xs-8">
						<div class="caption">
							<h4><a href="#" class="news-list-title">Layabox引擎用HTML5还原3D端游</a></h4>
							<p class="data-text">2020-01-06</p>
							<p class="cont-text hidden-xs">老牌游戏研发商中娱正在用Layabox引擎将著名3D 端游《猎刃》还原到HTML5场景中，Layabox有望成为首个拥有重度3D游戏产品案例的HTML5游戏引擎。</p>
							<p class="news-detial hidden-xs pull-right">
								<span><a href="">查看详情</a></span>
							</p>
						</div>
					</div>
				</div>
				<!-- 6 -->
				<div class="row news-list-group">
					<div class="col-md-3 col-sm-4 col-xs-4 text-center news-item-img">
						<div class="thumbnail">
							<img src="images/list06_03.jpg" alt="">
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-xs-8">
						<div class="caption">
							<h4><a href="#" class="news-list-title">Layabox：LayaFlash引擎开发工具进入2.0时代</a></h4>
							<p class="data-text">2020-01-06</p>
							<p class="cont-text hidden-xs">LayaFlash IDE进行了重大升级更新，无需安装第三方浏览器，直接集成了WEB浏览器功能、开发者调试功能，以及项目编译、资源转换、项目混淆与压缩、在线教程文档、在线问答社区等功能。</p>
							<p class="news-detial hidden-xs pull-right">
								<span><a href="">查看详情</a></span>
							</p>
						</div>
					</div>
				</div>
				<!-- 7 -->
				<div class="row news-list-group">
					<div class="col-md-3 col-sm-4 col-xs-4 text-center news-item-img">
						<div class="thumbnail">
							<img src="images/list07_03.jpg" alt="">
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-xs-8">
						<div class="caption">
							<h4><a href="#" class="news-list-title">Layabox开发者中心正式开放</a></h4>
							<p class="data-text">2020-01-06</p>
							<p class="cont-text hidden-xs">Laya Dev Center(Laya开发者中心)从新手入门、高手进阶、Flash转换HTML5、MornUI编辑器框架、产品对接、FAQ各个环节逐一讲解。开发者仅需两三个小时，即可掌握LayaFlash引擎框架的开发规则。</p>
							<p class="news-detial hidden-xs pull-right">
								<span><a href="">查看详情</a></span>
							</p>
						</div>
					</div>
				</div>
				<!-- 8 -->
				<div class="row news-list-group">
					<div class="col-md-3 col-sm-4 col-xs-4 text-center news-item-img">
						<div class="thumbnail">
							<img src="images/list08_03.jpg" alt="">
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-xs-8">
						<div class="caption">
							<h4><a href="#" class="news-list-title">重度H5游戏猎刃2登陆QQ玩吧 次留超36%</a></h4>
							<p class="data-text">2020-01-06</p>
							<p class="cont-text hidden-xs">《猎刃2》次留数据再创新高，玩吧平台中达到36 82%。这款用Layabox引擎研发的重度HTML5游戏，再次用数据实例证明，高品质大型重度游戏在HTML5领域同样会受到广大玩家的喜爱。</p>
							<p class="news-detial hidden-xs pull-right">
								<span><a href="">查看详情</a></span>
							</p>
						</div>
					</div>
				</div>
				<!-- 9 -->
				<div class="row news-list-group">
					<div class="col-md-3 col-sm-4 col-xs-4 text-center news-item-img">
						<div class="thumbnail">
							<img src="images/list09_03.jpg" alt="">
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-xs-8">
						<div class="caption">
							<h4><a href="#" class="news-list-title">LayaFlash发布V1.4.0 解决杀毒软件误报问题</a></h4>
							<p class="data-text">2020-01-06</p>
							<p class="cont-text hidden-xs">LayaFlash V1 4 0版本 将彻底解决部分杀毒软件将LayaFlash安装版视为病毒的误报问题。</p>
							<p class="news-detial hidden-xs pull-right">
								<span><a href="">查看详情</a></span>
							</p>
						</div>
					</div>
				</div>
				<!-- 点线 -->
				<div class="row">
					<div class="container">
						<div class="col-md-12">
							<div class="online">
								
							</div>
						</div>
					</div>
				</div>
				<!-- 分页 -->
				<div class="row">
					<div class="col-md-12 text-center">
						<div class="pageline">
							<nav aria-label="Page navigation">
							  <ul class="pagination">
							    <!-- <li>
							      <a href="#" aria-label="Previous">
							        <span aria-hidden="true">&laquo;</span>
							      </a>
							    </li> -->
							    <li><a href="#">30条</a></li>
							    <li><a href="#">上一页</a></li>
							    <li><a href="#">1</a></li>
							    <li><a href="#">2</a></li>
							    <li><a href="#">3</a></li>
							    <li><a href="#">4</a></li>
							    <li><a href="#">下一页</a></li>
							    <!-- <li>
							      <a href="#" aria-label="Next">
							        <span aria-hidden="true">&raquo;</span>
							      </a>
							    </li> -->
							  </ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- 新闻列表项 结束 -->
		
		<!-- 脚部部分 开始 -->
		<footer>
			<div class="container">
				<div class="row footitem">
					<div class="col-md-8 col-sm-8 col-xs-12">
						<div class="footleft">
							<ul>
								<li><a href="">公司简介</a></li>
								<li><a href="">联系方式</a></li>
								<li><a href="">人才招聘</a></li>
							</ul>
						</div>
						<div class="copyright clearfix">
							<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
						</div>
					</div>
					<div class="col-md-4 col-sm-4 hidden-xs">
						<div class="footerWrap1" id="footerWrap1">
							<a href="javascript:void(0);" class="youxiang" target="_top"></a>
							<div class="email-01" style="display: none;"> 
								<img src="./images/email.png"" height="150" width="142"> 
							</div>
							<a href="javascript:void(0);" class="weixin"></a>
							<div class="wxpop" style="display: none;"> 
								<img src="./images/weixin.png" alt="" height="150" width="142"> 
							</div>
							<a href="javascript:void(0);" class="qq"></a>
							<div class="qqpop" style="display: none;"> 
								<img src="./images/qqpop.png" alt="" height="150" width="142">
							</div>
						</div>
						<!--  -->
					</div>
					<!--  -->
				</div>
				<!--  -->
			</div>
		</footer>
		<!-- 脚部部分 结束 -->
		
		
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>
	<script type="text/javascript">
		function popCeil() {
				$(".youxiang").mouseover(function() {
					$(".email-01").show();
				});
				$(".youxiang").mouseout(function() {
					$(".email-01").hide();
				});
				$(".weixin").mouseover(function() {
					$(".wxpop").show();
				});
				$(".weixin").mouseout(function() {
					$(".wxpop").hide();
				});
				$(".qq").mouseover(function() {
					$(".qqpop").show();
				});
				$(".qq").mouseout(function() {
					$(".qqpop").hide();
				});
				$(".top2").mouseover(function() {
					$(".returnsl").show();
				});
				$(".top2").mouseout(function() {
					$(".returnsl").hide();
				});
			}
			$(document).ready(function() {
				popCeil();
			});
	</script>
	</body>
</html>
